<template>
  <div class="yiqiweixiu">
    <div id="box">
      <div id="box-left">
        <div class="defend">
          <img src="@/assets/img/yiqiweixiu.png">
        </div>
      </div>
      <div id="box-right">
        <div id="title">
          <h3>新闻政策</h3>
          <div id="wire" style="width: 460px;height: 1px;background: #2e8ce3;margin-top: 10px"></div>
          <a target="_blank">更多</a>
        </div>
        <ul id="news">
          <li v-for="(item, index) in listArr" :key="index">
            <div id="box-news">
              <a class="ab" href="javascript:void(0)" onclick="clickNoticee(455)">{{ item.name }}</a>
              {{item.time}}
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div style="margin-top: 30px">
      <a target="_blank"><img src="@/assets/img/yiqiweixiu2.png"></a>
    </div>
    <div id="enterprise">
      <div id="enterprise-box">
        <div id="stand">
          <h6>维修维护</h6>
          <div id="outin" style="width: 90%;height: 1px;background: #2e8ce3;margin-top: 10px"></div>
          <a target="_blank">更多</a>
        </div>
        <ul id="news1">
          <li v-for="(item, index) in listArr2" :key="index">
            <div id="box-news1">
              <a target="_blank" class="ab1" onclick="clickNotice()">{{ item.name }}</a>
              {{ item.time }}
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script >
export default {
  data() {
    return {
      listArr: [
        {
          name: '哈尔滨工程大学关于开展2024年学校仪器设备维修申报工作的通知',
          time: '2024-03-20'
        },
        {
          name: '科研仪器维修维护专委会第一届第二次会议顺利召开',
          time: '2024-01-30'
        },
        {
          name: '哈尔滨工业大学入选首批科研仪器维修维护合作示范基地',
          time: '2024-01-30'
        },
        {
          name: '领衔发展高端大型科学仪器设施可持续运行，上海有曙光丨2024上海两会时间',
          time: '2024-01-26'
        },
        {
          name: '哈尔滨工业大学2023年大型仪器设备维修项目评审结果公示',
          time: '2023-11-21'
        },
        {
          name: '关于印发《重庆大学大型仪器设备维修管理实施细则（2023年修订）》的通知',
          time: '2023-08-04'
        },
        {
          name: '中关村国基条件科技资源共享服务创新联盟科研仪器维修维护专业委员会正式成立',
          time: '2023-04-25'
        },
        {
          name: '甘肃省：关于组织开展2023年度科研设施与仪器巡检维修需求申报工作的通知',
          time: '2023-04-17'
        },
        {
          name: '关于印发《华东师范大学大型科学仪器设备开放共享维修基金管理办法(2022年修订)',
          time: '2023-04-11'
        },
        {
          name: '南京理工大学关于开展 2022 年度大型仪器设备开放共享考核评价和 2023 年',
          time: '2023-04-10'
        },
      ],
      listArr2: [
        {
          name: '光学望远镜的分类与用途',
          time: '2023-06-08'
        },
        {
          name: '光学望远镜技术发展概述',
          time: '2023-06-08'
        },
        {
          name: '双束扫描电镜设备制备冷冻含水切片样品',
          time: '2023-06-08'
        },
        {
          name: '双束扫描电镜的结构及应用',
          time: '2023-06-08'
        },
        {
          name: '扫描电镜基本成像原理及应用',
          time: '2023-06-08'
        },
        {
          name: '透射电镜基本构造及负染色样品观察',
          time: '2023-06-08'
        },
        {
          name: '色谱技术发展历史',
          time: '2023-06-08'
        },
        {
          name: 'NMR谱仪安全使用及维护概述',
          time: '2023-06-08'
        },
        {
          name: '溶液样品圆二色光谱常温测试操作步骤',
          time: '2023-06-08'
        },
        {
          name: '气相色谱—三重四极杆质谱联用技术',
          time: '2023-06-08'
        },
      ],
      mp4Url: 'https://v.casmooc.cn/course/cnic/1685330301567/mv1685330301567.mp4'
    }
  },
}
</script>

<style lang="less" scoped>
  .yiqiweixiu {
    width: 63%;
    margin: 0 auto;
  }
  #box {
    background: #fff;
    padding: 20px;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    #box-left {
      width: 49%;
    }
    .defend {
      width: 100%;
      height: 333px;
      position: relative;
      img {
        width: 100%;
        height: 100%;
      }
    }
    #box-right {
      width: 49%;
      height: 330px;
      #title {
        width: 580px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2px;
        h3 {
          font-weight: 700;
          font-family: 微软雅黑;
          font-size: 18px;
          color: #2e8ce3;
          margin: 0;
        }
        a {
          font-family: 微软雅黑;
          font-weight: 400;
          font-style: normal;
          font-size: 16px;
          cursor: pointer;
          line-height: 18px;
          color: #0c0c0c;
        }
      }
    }
    #box-news {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 16px;
      margin-top: 8.8px;
      color: #333333;
      .ab {
        width: 450px;
        height: 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-family: 微软雅黑;
        color: #333333;
      }
    }
  }
  #enterprise {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    #enterprise-box {
      background: #fff;
      padding: 20px;
      width: 100%;
      margin-bottom: 50px;
    }
    #stand {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 2px;
      h6 {
        font-weight: 700;
        font-family: 微软雅黑;
        font-size: 18px;
        color: #2e8ce3;
        margin: 0;
      }
      a {
        font-family: 微软雅黑;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        cursor: pointer;
        line-height: 14px;
        color: #0c0c0c;
      }
    }
    #box-news1 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 16px;
      margin-top: 20px;
      color: #333333;
      .ab1 {
        height: 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-family: 微软雅黑;
        color: #333333;
      }
    }
  }
</style>